@import './transition.scss';
@import './variable.scss';
@import './xm.scss';

@import './theme/white.scss';
@import './theme/black.scss';
@import './theme/blue.scss';

@import './mixin.scss';
@import './sidebar.scss';

html, body, #app {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: rgba(16, 16, 16, 100);
    font-family: SourceHanSansSC-regular;
}
a, a:hover, a:visited, a:invalid, a:active {
    text-decoration: none;

}
a {
  color: $btnPrimary;
}

ul, li, ol, p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 公用：页面 */
.page {
  width: calc(100% - 40px);
  box-sizing: border-box;
  margin:auto 15px auto 21px;
  padding-top:24px;
  min-height:calc(100vh - 204px);
}
.page_box{
  padding:20px;
  background: #fff;
  border-radius: 6px;
  .edit_box.el-form-item{
    margin-right: 33px!important;
  }
}
//单选  多选
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner{
  background: #FF0000!important;
  border-color: #FF0000!important;
}
.el-checkbox__input.is-checked+.el-checkbox__label,
.el-radio__input.is-checked+.el-radio__label{
  color: #010101!important;
}
.el-checkbox__inner:hover,
.el-radio__inner:hover{
  border-color: #FF0000!important;
}
.el-radio__inner::after{
  width:8px!important;
  height: 8px!important;
}

//按钮
.el-button.el-button--primary{
  border-radius: 6px!important;
  background: #3694FF!important;
  border-color:#3694FF!important;
}


/* 公用：表格 */
.el-table thead{
  font-family: Roboto!important;
  color:#000!important;
}
.el-table thead th {
  background-color: #FAFAFA !important;
}
.el-table td,
.el-table th{
  padding:11px 0!important;
}
/* 公用：表单（包括search-form、xm-form、或...） */
.el-select,.el-input { width: 100%;
}

.search-form /deep/ {
  .el-form-item.search-btn {
    width: auto;
    text-align: left;
    .el-form-item__content { width: auto; }
  }
  .el-date-editor--daterange.el-input,
  .el-date-editor--daterange.el-input__inner,
  .el-date-editor--timerange.el-input,
  .el-date-editor--timerange.el-input__inner { width: calc(246px); }
  .el-date-editor,
  .el-range-input,
  .el-date-editor .el-range-separator { height: auto; }
}

/* 自定义组件：查询 + 展示 */
.c-content {
  // 顶部搜索
  .el-form {
    .el-range-editor--medium .el-range-separator { line-height: 38px !important; }
    .el-input--medium .el-input__inner,
    .el-range-editor--medium.el-input__inner { height: 35px !important; }
  }
  // 中间表格
  .el-table {
    overflow: auto!important;
    font-size: 12px;
    .img-viewer {
      cursor: pointer;
      display: inline-block;
      vertical-align:middle;
      width: 38px;
      height: 38px;
      border-radius: 3px;
      &:nth-of-type(n+2) { margin-left: 5px; }
    }
    div.cell-ellipsis {
      height: 23px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
  // 底部分页器
  .el-pagination {
    .el-pager li.active{
      color:#fff!important;
      background: #3694FF !important;
    }
    .el-pager li:hover{
      color:#101010!important;
    }
    margin-top: 15px !important;
    .el-input--medium .el-input__inner,
    .el-select .el-input__inner { height: 28px !important; }
    .search-btn {
      cursor: pointer;
      margin-left: 15px;
      padding: 0 10px;
      border-radius: 5px;
      color: #fff;
    }
  }
}
/* 版本：custom-fixed */
.custom-fixed {
  height: 100%;
  .c-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    .el-form {
      .el-form-item { margin-bottom: 15px !important; }
    }
    .el-table {
      flex: 1;
      overflow-y: auto;
    }
    .el-pagination {}
  }
}

.custom-desc {
  font-size: 13px;
  color: #606060;
}
.item-text {
  font-size: 14px;
  color: #606060;
}
.cursor { cursor: pointer; }
.hover:hover { cursor: pointer; text-decoration: underline; }
.custom-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
// 滚动条统一
.custom-scroll {
  &::-webkit-scrollbar {
      width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
      height: 1px;
  }
  &::-webkit-scrollbar-thumb {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      background: rgba(0,0,0,0.2);
  }
  &::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      border-radius: 0;
      background: rgba(0,0,0,0.1);
  }
}
